.small { font-size:11px; }
.gray { color:#a2b0b6; }
.hightlight { background-color:#d6e7c7; }

a { -moz-outline: none; outline: none; }
a:link, a:visited, a:hover, a:active { color: #B00000; } 

h1, h2, h3 { color: #0f2350; }
h1{ font-weight: bold;}
h2.title, h3{ color: #6c7b86; font-weight: bold; }

body {
  color: #222;
  font-family: helvetica, arial, sans-serif;
}

hr {
  background: #D9DDE1; 
  color: #D9DDE1;
}

#header {
	background-image: url(images/header/headerBack.jpg);
	background-repeat: repeat-x;
	height: 100px;
	padding-top: 0;
	padding-left: 50px;
	position: static;
}

#header h1 {
	width: 643px;
	padding-top: 15px;
	padding-bottom: 13px;
}

#header h1 a:link,
#header h1 a:active, 
#header h1 a:hover,
#header h1 a:visited {
	display: block;
	width: 502px;
	height: 40px;
	background-image: url(images/header/headerTitle.jpg);
	background-repeat: no-repeat;
	text-indent:-1000px;
    overflow:hidden;
}

#footer {
	clear: both;
	padding-bottom: 0px;
}

#footer .block {  
  color: #FFF;
  background: #004995;
  padding: 10px 0 50px 0;
}

#footer .block p {
	text-align: center;
}

#user-navigation{
	left: 690px;
	right: 0;
}

#user-navigation ul {
	width: 600px;
}

#user-navigation ul,
#user-navigation ul li {
        white-space: nowrap;
	margin: 0;
	padding: 0;
	list-style:none;
        height: 25px;
}

#user-navigation ul li.login {
        margin-left: 200px;
}

*html #user-navigation ul li.login {
        margin-left: 100px;
}

#user-navigation ul li.logout {
	padding-left: 5px;
}

#user-navigation ul li a {
        display:block;
        padding-top: 5px;
        overflow:hidden;
        color: #FFF;
        height:20px;
}

*html #user-navigation ul li a.setting,
*html #user-navigation ul li a.logout {
        padding-top: 7px;
        height: 18px;
}

#user-navigation ul li.profile {
        background-image: url(images/header/headNav/profileLeft.jpg);
        background-position: left;
        background-repeat: no-repeat;
}

*html #user-navigation ul li.profile {
        width: 120px;
}

#user-navigation ul li a.profile {
        background-image: url(images/header/headNav/profileBack.jpg);
        padding-right: 10px;
        margin-left: 10px;
        width: 100%;
}

#user-navigation ul li a.setting {
        background-image: url(images/header/headNav/settingBack.jpg);
        background-repeat: no-repeat;
        text-align: center;
    width:42px;
}

#user-navigation ul li a.login {
        background-image: url(images/header/headNav/loginBack.jpg);
        background-repeat: no-repeat;
        text-align: center;
    width:63px;
}

#user-navigation ul li a.logout {
        background-image: url(images/header/headNav/logoutBack.jpg);
        background-repeat: no-repeat;
        text-align: center;
    width:75px;
}

#user-navigation ul li a:hover,
#user-navigation ul li a:active {
        text-decoration: underline;
}

#main-navigation {
	clear: left;
	height: 32px;
	margin-right: 20px; 
}

#main-navigation ul{
	width: 900px;
	height: 32px;
}

#main-navigation ul,
#main-navigation ul li {
	margin: 0;
	padding: 0;
	list-style:none;
}

#main-navigation ul li {
	padding-right: 4px;
}

#main-navigation ul li.system {
	padding-right: 0;
}

#main-navigation ul li a {
	display:block;
	width: 109px;
	height: 32px;
    text-indent:-1000px;
    overflow:hidden;
	padding: 0;
}

#main-navigation ul li.message a:link,
#main-navigation ul li.message a:visited {
	background-image: url(images/header/mainNav/default/message.jpg);
}

#main-navigation ul li.myBlog a:link,
#main-navigation ul li.myBlog a:visited {
	background-image: url(images/header/mainNav/default/myBlog.jpg);
}

#main-navigation ul li.blogList a:link,
#main-navigation ul li.blogList a:visited {
	background-image: url(images/header/mainNav/default/blogList.jpg);
}

#main-navigation ul li.community a:link,
#main-navigation ul li.community a:visited {
	background-image: url(images/header/mainNav/default/community.jpg);
}

#main-navigation ul li.communitySearch a:link,
#main-navigation ul li.communitySearch a:visited {
        background-image: url(images/header/mainNav/default/communitySearch.jpg);
}

#main-navigation ul li.schedule a:link,
#main-navigation ul li.schedule a:visited {
	background-image: url(images/header/mainNav/default/schedule.jpg);
}

#main-navigation ul li.userList a:link,
#main-navigation ul li.userList a:visited {
	background-image: url(images/header/mainNav/default/userList.jpg);
}

#main-navigation ul li.friendList a:link,
#main-navigation ul li.friendList a:visited {
	background-image: url(images/header/mainNav/default/friendList.jpg);
}

#main-navigation ul li.system a:link,
#main-navigation ul li.system a:visited {
	background-image: url(images/header/mainNav/default/system.jpg);
}

#main-navigation ul li.message a:hover,
#main-navigation ul li.message a:active {
	background-image: url(images/header/mainNav/hover/message.jpg);
}

#main-navigation ul li.myBlog a:hover,
#main-navigation ul li.myBlog a:active {
	background-image: url(images/header/mainNav/hover/myBlog.jpg);
}

#main-navigation ul li.blogList a:hover,
#main-navigation ul li.blogList a:active {
	background-image: url(images/header/mainNav/hover/blogList.jpg);
}

#main-navigation ul li.community a:hover,
#main-navigation ul li.community a:active {
	background-image: url(images/header/mainNav/hover/community.jpg);
}

#main-navigation ul li.communitySearch a:hover,
#main-navigation ul li.communitySearch a:active {
        background-image: url(images/header/mainNav/hover/communitySearch.jpg);
}

#main-navigation ul li.schedule a:hover,
#main-navigation ul li.schedule a:active {
	background-image: url(images/header/mainNav/hover/schedule.jpg);
}

#main-navigation ul li.userList a:hover,
#main-navigation ul li.userList a:active {
	background-image: url(images/header/mainNav/hover/userList.jpg);
}

#main-navigation ul li.friendList a:hover,
#main-navigation ul li.friendList a:active {
	background-image: url(images/header/mainNav/hover/friendList.jpg);
}

#main-navigation ul li.system a:hover,
#main-navigation ul li.system a:active {
	background-image: url(images/header/mainNav/hover/system.jpg);
}

#main-navigation ul li a.stay {
		cursor: default;
}

#main-navigation ul li.message a.stay {
	background-image:url(images/header/mainNav/stay/message.jpg);
}

#main-navigation ul li.myBlog a.stay {
	background-image:url(images/header/mainNav/stay/myBlog.jpg);
}

#main-navigation ul li.blogList a.stay {
	background-image:url(images/header/mainNav/stay/blogList.jpg);
}

#main-navigation ul li.community a.stay {
	background-image:url(images/header/mainNav/stay/community.jpg);
}

#main-navigation ul li.communitySearch a.stay {
        background-image: url(images/header/mainNav/stay/communitySearch.jpg); 
}

#main-navigation ul li.schedule a.stay {
	background-image:url(images/header/mainNav/stay/schedule.jpg);
}

#main-navigation ul li.userList a.stay {
	background-image: url(images/header/mainNav/stay/userList.jpg);
}

#main-navigation ul li.friendList a.stay {
	background-image: url(images/header/mainNav/stay/friendList.jpg);
}

#main-navigation ul li.system a.stay {
	background-image:url(images/header/mainNav/stay/system.jpg);
}

#main {
	width: 70%;
        margin-left: 30px;
}

#main .block .content {
  background: #FFF;
  padding-top: 1px;
}

#main .block .login {
}

#main .block .content h2 {
  margin-left: 0px;
}

#main .content,
#sidebar .content,
#sidebar .contentCalendar,
#sidebar .navigation li,
#sidebar .list li {
	border: 1px solid #d9dde1;
}

#main a.newMessagesButton{
        display: block;
        width: 155px;
        height: 25px;
        margin-right: 15px;
        background-repeat: no-repeat;
        text-indent: -1000px;
        overflow: hidden;
        float: right;
}

#main a:link.newMessagesButton,
#main a:visited.newMessagesButton  {
        background-image: url(images/messages/default/newMessagesButton.jpg);
}

#main a:hover.newMessagesButton,
#main a:active.newMessagesButton {
        background-image: url(images/messages/hover/newMessagesButton.jpg);
}

#sidebar {
	width: 220px;
}

#sidebar h3 {
	color: #FFF;
	padding: 0;
	display: block;
	width: 220px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent:-1000px;
    overflow:hidden;
}

#sidebar h3.information {
	background-image: url(images/sidebar/information.jpg);
}

#sidebar h3.eventCalendar {
	background-image: url(images/sidebar/eventCalendar.jpg);
}

#sidebar h3.folderList {
        background-image: url(images/sidebar/folderList.jpg);
}

#sidebar h3.ruleControl {
        background-image: url(images/sidebar/ruleControl.jpg);
}

#sidebar .block {
	padding-bottom: 0;
}

#sidebar .contentCalendar {
	padding-bottom: 6px;
}

#sidebar .navigation li,
#sidebar .list li {
        display: block;
        height: 28px;
        padding-bottom: 0;
}

#sidebar .navigation li a,
#sidebar .list li a {
        padding: 10px 15px;
        display: block;
        width: 188px;
        height: 10px;
        color: #b00000;
        font-weight: bold;
}

#sidebar .navigation li a:link,
#sidebar .navigation li a:visited,
#sidebar .list li a:link,
#sidebar .list li a:visited {
        background-color: #FFF;
}

#sidebar .navigation li a:hover,
#sidebar .navigation li a:active,
#sidebar .list li a:hover,
#sidebar .list li a:active {
        color: #b00000;
        background-color: #e1e6ec;
}

#sidebar table.ec-calendar-header,
#sidebar table.ec-day-names,
#sidebar table.ec-day-bg,
#sidebar table.ec-row-table {
	margin: 0 auto;
	border-collapse: collapse;	
}

#sidebar table.ec-day-names,
#sidebar table.ec-day-bg,
#sidebar table.ec-row-table {
}

#sidebar table.ec-day-names {
	position: static;
}

#sidebar table td.ec-day-bg,
#sidebar table td.ec-day-header {
	width: 28px;
	height: 40px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #FFF;
}

#sidebar table td.ec-day-header a:link,
#sidebar table td.ec-day-header a:visited,
#sidebar table td.ec-other-month-header a:visited {
	width: 24px;
	height: 100%;
	display: block;
	padding: 0 4px 0 0;
	text-align: right;
	vertical-align: top;
	color: #333333;
	text-decoration: none;
}

#sidebar table td.ec-other-month-header a:link,
#sidebar table td.ec-other-month-header a:visited {
	color: #888888;
}

#sidebar table td.ec-day-header a:hover,
#sidebar table td.ec-other-month-header a:hover {
	color: #b00000;
	text-decoration: underline;
}

#sidebar table.ec-calendar-header thead {
	background-color: #e4e7ea;
}

#sidebar table.ec-calendar-header th {
	padding: 5px 0;
}

#sidebar table td.ec-day-header {
	 background-color: #e9ecee
}

#sidebar table td.ec-other-month-header {
	background-color: #d8dcdf;
}

#sidebar table td.ec-today-header {
	background-color: #c5d7e4;
}

#sidebar table.ec-calendar-header th a:link,
#sidebar table.ec-calendar-header th a:visited {
	font-size: 11px;
	color: #b00000;
	text-decoration: none;
}

#sidebar table.ec-calendar-header th a:hover {
	text-decoration: underline;
}

#sidebar table.ec-calendar-header th.ec-month-name {
	font-size: 13px;
	font-weight: bolder;
	color: #0f2350;
}

#sidebar table.ec-day-names tbody {
	background-color: #FFF;
	color: #657280;
}

#sidebar .ec-body {
	border-right: none;
}

#sidebar .ec-calendar {
	border-bottom: none;
}

#sidebar ul li a:link, 
#sidebar ul li a:visited {
  background: #FFF;
  border-bottom: 1px solid #F0F0EE;
  text-decoration: none;
}

#sidebar ul li a:hover, 
#sidebar ul li a:active {
  background: #D3E8C1;
  color: #FFF;
}

/*↑ここまで//サイドバーカレンダー*/

/*
#main-navigation ul li {
  background: #91B96F;
  margin-right: 7px;
}

#main-navigation ul li a {
  padding: 10px 10px 5px 10px;
}

#main-navigation ul li.active {
  background: #e4ebe4;
  border: 1px solid #91B96F;
  border-bottom: none;
  font-weight: bold;
}

#main-navigation ul li a:hover,
#main-navigation ul li a:link, 
#main-navigation ul li a:visited, 
#main-navigation ul li a:active,
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, 
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:active {
  text-decoration: none;
  color: #FFF;
}
*/


.secondary-navigation {
  background: #3B5526;
  border-bottom: 5px solid #B00000;
}

.secondary-navigation ul li a {
display:block;
padding: 8px 12px;
}

.secondary-navigation ul li.active {background: #B00000;  font-weight: bold;}
.secondary-navigation ul li.active a:hover {
  background-color: #B00000;
}

.secondary-navigation li a:hover {
  background: #B00000;
}


/* pagination */

.pagination em {
  background: #262626;
  color: #FFF;
  border-color: #262626;
}

.pagination a {
  color: #262626;
  border-color: #262626;
}

.pagination a:hover {
    color: #FFF;
    background: #262626;
}

/* tables */


.table th {
  background: #0E2350;
  color: #FFF;
}

.table tr th { padding: 5px; }

.table td {
  border-bottom:1px solid #F0F0EE;
}
.table tr.odd {background: #E9ECEE;}
.table tr.even {background: #D3E8C1;}

/* forms */

/*↓新規メッセージ作成新規追加及び変更部分*/
.form label.label {
	text-align: right;
	float: left;
}

.form label.label1 {
	display: block;
	width: 78px;
}

.form label.label2 {
	width: 162px;
}

.form label.label3 {
	width: 108px;
}

.form label.label4 {
	width: 125%;
}

.form label.label5 {
	width: 250px;
}

.form .file_field {
	margin-bottom: 10px;
	height: 25px;
}

.form .group .uploadfile {
	width: 500px;
	padding-left: 108px;
}

*html .form .group .uploadfile {
	padding-left: 0px;
}

.form .submitButton{
	width: 90px;
	height: 25px;
	margin: 0 auto;
}

.form input.text_field, .form textarea.text_area {
  width: 75%;
  border: 1px solid #b9c1ca
}
/*
.form input.button {
  background: #EEE;
  color: #262626;
  padding: 2px 5px;
  border: 1px solid #262626;
  cursor: pointer;
}*/

.form .description {
  font-style: italic;
  color: #8C8C8C;
  font-size: .9em;
}

.newLink {
        margin: 10px 0 0 0;
}

.blog_search {
	margin: 0 auto;
	width: 550px;
}
.blog_search h3 {
	width: 100px;
	float: left;
	padding: 6px 0;
	font-size: 16px;
	color: #333;
}

.blog_search .form {
	padding: 15px 0 0 0;
}

.community_search {
        margin: 0 auto;
        width: 550px;
}
.community_search h3 {
        width: 150px;
        float: left;
        padding: 6px 0;
        font-size: 16px;
        color: #333;
}

.community_search .form {
        padding: 15px 0 0 0;
}

.blogReportList .inner,
.blogReportList .inner h3 {
	padding-bottom: 0;
}

.blogReportList .inner h2{
	background-image:url(images/form/h2Back.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-left: 0;
	padding-left: 20px;
}

.blogReportList .inner h2 a:link,
.blogReportList .inner h2 a:visited {
	color: #b00000;
	font-weight: bold;
	text-decoration: none;
}

.blogReportList .inner h2 a:hover,
.blogReportList .inner h2 a:active {
	text-decoration: underline;
}
/*↑ここまで//ブログ一覧*/

.sns_control_box a:link,
.sns_control_box a:visited {
	background-image: url(images/form/sns_control_box_aBack.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #b00000;
	font-weight: bold;
	text-decoration: none;
}

.sns_control_box a:hover,
.sns_control_box a:visited {
	text-decoration: underline;
}

/* flash-messages */
.flash .message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	text-align:center;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 30px;
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.flash .message p {
	margin:8px;
	color: #009900;
	font-weight: bold;
}
.flash .error {
  border: 1px solid #fbb;
  background-color: #fdd;
}
.flash .message notice {
	background-color: #CCCCCC;
}

.flash .warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}
.flash .notice {
  border: 1px solid #009900;
  background-color: #F2F2F2;
}

/* lists */

ul.list li {
  border-bottom-color: #F0F0EE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

ul.list li .item .avatar {
  border-color: #F0F0EE;
  border-width: 1px;
  border-style: solid;
  padding: 2px; 
}

/* box */

#box .block {
  background: #FFF;  
}

#box .block h2 {
  color: #fff;
  background: #3B5526;
  border-bottom: 5px solid #B00000;
}

#box .block .content { border: 1px solid #B00000; border}

/* login */

#block-login { }
#block-login h2 { background: #3B5526;border-bottom: 5px solid #B00000;}

/* rounded borders */

#main, #main .content, #main-navigation, #main-navigation li, 
.secondary-navigation, #main .block, #sidebar .block, 
#sidebar h3, ul.list li, 
.form input.button, #box .block, #box .block h2 {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}

.secondary-navigation li.first a, 
.secondary-navigation ul li.first, 
.table th.first, .table th.first {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}

.table th.last {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}

.secondary-navigation ul li.first {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}

#sidebar, #main .content, #sidebar .block, #sidebar .content, #sidebar .contentCalendar, #main .block, 
#sidebar ul.navigation, ul.list li, 
.form input.button, #box .block {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

